	/**
	 * author: liduanjie
	 * function another ui
	 * define some lable and some extra component, but not standard
	 */

	/*reset*/
	h3 {
		margin: 0px;
	}

	p {
		margin: 0px;
	}
	body {
		background-color: #f7f7f7;
	}
	/*reset*/


	/*cus-select*/
	.cus-select {
		width: 100%;
		overflow: hidden;
		/*padding: 3px;*/
		background: url('../images/btn_down_b.png') no-repeat;
		background-size: 15px;
		background-position: center right;
	}

	.cus-select  > select {
		border: none;
		width:250px;
	}
	/*cus-select*/

	/*checkbox*/
	.cus-checkbox {
	    display: inline-block;
	    cursor: pointer;
	    margin-right: 20px;
	    font-weight: normal;
	}

	label.cus-checkbox > i.red-checkbox {
	    background: url(../images/btn_sel.png) no-repeat;
	}

	label.cus-checkbox > i {
	    display: inline-block;
	    margin-top: -3px;
	    width: 23px;
	    height: 23px;
	    /* margin-right: 10px; */
	    background: url(../images/dot.png) no-repeat;
	    vertical-align: middle!important;
	    background-position: center bottom!important;
	    background-size: 100%!important;
	    margin-right: 8px;
	}

	label.cus-checkbox > input:checked+i, label.cus-checkbox > input:checked+i.red-checkbox {
	    background-position: center top!important;

	}

	label.cus-checkbox > input {
		display:none;
	}
	/*checkbox*/


	/*label*/
	.cus-radio {
	    display: inline-block;
	    /*margin-bottom: 10px;*/
	    /*margin-left: 10px;*/
	    cursor: pointer;
	    margin-right: 20px;
	    font-weight: normal;
	}

	label.cus-radio > i.red-radio {
	    background: url(../images/btn-sel-yes.png) no-repeat;
	}

	label.cus-radio > i {
	    display: inline-block;
	    margin-top: -3px;
	    width: 23px;
	    height: 23px;
	    /* margin-right: 10px; */
	    background: url(../images/dot.png) no-repeat;
	    vertical-align: middle!important;
	    background-position: center bottom!important;
	    background-size: 100%!important;
	    margin-right: 8px;
	}

	

	label.cus-radio > input:checked+i, label.cus-radio > input:checked+i.red-radio {
	    background-position: center top!important;

	}

	label.cus-radio > input {
		display:none;
	}

	/*label*/


	/*button*/

	.cus-btn {
		border-radius: 4px;
		display:block;
		text-align:center;
		/*margin: 0 auto;*/
		/*margin-right: 16px;*/
		/*margin-left: 16px;*/
		
		
	}
	.cus-btn-lg {
		height: 45px;
		line-height: 45px;
		font-size: 14px;
	}
	.cus-btn-red {
		background-color:#db3855;
		border:1px solid #db3855;
		color: #fff;
	}

	.cus-btn-grey {
		background-color: #ccc;
		border: 1px solid #ccc;
		color: #fff;
	}

	.cus-btn-red:hover {
		background-color: #db3855 .5;
	}

	.cus-btn {
		text-align:center;
		padding: 0 10px;
		min-width: 40px;
		border-radius: 3px;
		display: inline-block;
	}
	
	.cus-btn-red-border {

		border: 1px solid #db3855;
		/*background-color:#db3855;*/
		color: #db3855;
		font-size:12px;
	}

	.cus-btn-orange-border {

		border: 1px solid #ff8730;
		/*background-color:#ff8730;*/
		color: #ff8730;
		font-size:12px;
	}

	.cus-btn-empty {
		border: 1px solid #db3855;
	}

	.cus-btn-md {
		font-size:12px;
		height: 32px;
		line-height: 32px;
	}

	.cus-btn-sm {
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		
	}

	
	.menu {
		background-color: #fff;
		margin-bottom: 12px;
	}
	.menu>a {
	    display: block;
	    height: 48px;
	    
	    line-height: 48px;
	    height: 48px;
	    border-top: 1px solid #eee;
	    color: #333;
	    margin:0 16px;
	    font-size: 14px;
	    
	    background-image: url('../images/btn_return.png');
	    background-repeat:no-repeat;
		 background-size: 15px; 
		 background-position: right center;
	}

	.menu > a > span {
		position: relative;
		top: 2px;
	}

	.menu > a > i {
	    width: 25px;
	    display: inline-block;
	    vertical-align: middle;
	    height: 25px;
	    margin-right: 8px;
	    background-color: #ddd;
	    
	    background-position: center center;
	    background-size: 100%;
	    background-repeat: no-repeat; 
	    border-radius: 2px;
	    margin-top: -2px;
	}

	.menu>a:first-child {
	    border-top: 0px solid #d5d5d5;
	}


	/*input1 */
	
	.cus-list-input1 input,.cus-list-input1 select {
		height: 46px;
		width: 100%;
		border:none;
		padding-top: 4px;
		
	}

	.cus-list-input1 > div {
		border-bottom: 1px solid #eee;
	}

	.cus-list-input1{
		padding:0 18px;
		background-color: #fff;
		height: 48px;
		font-size: 14px;
		
		/*background: url('../images/btn_return.png') no-repeat;*/
		background-size: 15px;
		background-position: 97% 15px;
		
	}

	.cus-list-input1:after, .cus-list-select:after, .cus-list-textarea > div:after {
		content: '';
		display:table;
		clear:both;
	}
	
	.cus-list-input1 > div > label,.cus-list-select > div > label, .cus-list-textarea > div > label {
		min-width: 97px;
		float:left;
		font-weight: normal;
		color: #989898;
		
	    vertical-align: middle;
	    position: relative; 
	    top: 15px;
	    text-align:left;
	}

	.cus-list-input1 > div > label.required:before, .cus-list-select > div  label.required:before {
		content: '*';
		color:#db3855;
	}

	.cus-list-input1 > div >  div{ 
		margin-left: 100px;
		/*margin-right: 30px;*/
	}

	.cus-list-input1 > div >  div .select {
		
	}

	.cus-list-input1 > div >  div.item-radio {
		position: relative; 
		top:16px;
		color:#989898;
	}


	.cus-list-select {
		font-size: 14px;
    	padding: 0 18px;
    	background-color: #fff;
	}

	.cus-list-select > div > div > div {
		height: 48px;
		
		/*background: url('../images/btn_down.png') no-repeat;*/
		/*background-size: 12px;*/
		/*background-position: 97% 21px;*/

	}

	.cus-list-select > div > div > div  {
	    margin-left: 100px; 
     	/*padding-right: 50px; */
		border-bottom: 1px solid #eee;
     	
	}

	.cus-list-select > div > div > div > div  select  {
		height: 46px;
		width: 90%;
		border:none;
		padding-top: 2px;
		-webkit-appearance:none;
		 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		
		float: left;
	}

	.cus-list-textarea {
		/*background: #fff;*/
    	padding: 0 18px;
    	font-size: 14px;
	}

	.cus-list-textarea > div {
		height: 183px;
	}

	.cus-list-textarea > div >div {
		position: relative;
		top: 15px;
	}

	.cus-list-textarea > div > div > textarea {
		width: 100%;
		-webkit-appearance:none;
		 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	    height: 145px;
		border: 1px solid #eee;
		padding: 8px;
		font-size: 14px;
	}

	.item-text {
		height: 46px;
		line-height: 48px;
		text-align: right;
	}


	/*input1 */
	


	/*empty-page */
	.cus-empty {
		display:table;
		width:100%;
		height:350px;
		text-align:center;
		min-height:350px
	}
	
	.cus-empty > div {
		display:table-cell;
		vertical-align:middle;
		font-size: 16px;
		height: 450px;
	}

	.cus-empty > div > p {
		/*margin-bottom: 32px;*/
		margin-bottom: 18px;
		font-size:16px;
		color: #333;
	}
	/*empty-page*/


	/*复选框*/
.checkbox {
    width: 25px;
    float: left;
    position: relative;
    top: 0px;
    left: 15px;
}
.checkbox label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 0 !important;
  	left: 12px;
	background: #eee;
	border:1px solid #ddd;
}
.checkbox label:after {
	opacity: 0;
    content: '';
    position: absolute;
    width: 5px;
    height: 2px;
    background: transparent;
    top: 3px;
    left: 1px;
    border: 2px solid #f60;
    border-top: none;
    border-right: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkbox input[type=checkbox] + label:after {
	opacity: 0;
}
.checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}